<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="a_vuejs/vue.global.js"></script>

</head>
<body>

<div id="app">
    <h3>匿名插槽:1、要在组件中使用 2、使用slot标签来做占位</h3>
    <coma></coma>
    <br/>
    <coma>给子组件的空位置传递一些内容</coma>
    <br/>
    <coma>
        <span style="background-color: crimson">给子组件的空位置传递一些内容</span>
    </coma>
</div>

</body>

<script>
    Vue.createApp({
        components:{
            'coma':{
                template:'<div style="width: 300px;height: 100px;background-color: aqua">这里是子组件 <slot></slot> </div>'
            }
        }
    }).mount("#app")
</script>

</html>